<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="../../css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../../css/car-rental-bg-image.css"/>
    <link rel="icon" href="../../img/png/Icon.png">

    <title>Car Rental</title>
</head>
<body class="bg-light">


<nav class="navbar navbar-expand-sm navbar-dark fw-bold"
     style="background-color: #000; color: #FFF; font-family: Roboto, sans-serif;">
    <div class="container-fluid">
        <a class="navbar-brand" href="../../index.html">
            <img src="../../img/png/Logo.png" alt="Logo" width="140" height="36">
        </a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
                aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a class="nav-link active" aria-current="page" href="/">Home</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="../../html/about.html">About</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="../../html/all.html">Rent</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="../../html/service.html">Services</a>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">Upss!</a>
                    <ul class="dropdown-menu dropdown-menu-dark">
                        <li><a class="dropdown-item" href="users.html">Users</a></li>
                        <li><a class="dropdown-item" href="#">Loans</a></li>
                        <li><a class="dropdown-item" href="../own.html">Own</a></li>
                        <li><hr class="dropdown-divider"></li>
                        <li><a class="dropdown-item" href="../owe.html">Owe</a></li>
                    </ul>
                </li>
            </ul>
        </div>
        <span class="d-none d-sm-block d-md-block navbar-text me-4">
            Master, Role
        </span>
        <span class="d-none d-sm-block d-md-block navbar-text me-4 dropstart">
            <a id="rental-dropstart-user" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                <img src="../../img/png/avatars/unknown.png" height="30" />
            </a>
            <ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="rental-dropstart-user">
                <li><a class="dropdown-item active" href="#">Perfil</a></li>
                <li><a class="dropdown-item" href="#">My Panel</a></li>
                <li><a class="dropdown-item" href="#">Configuration</a></li>
                <li><hr class="dropdown-divider"></li>
                <li><a class="dropdown-item bg-danger" href="#">Sign Out</a></li>
            </ul>
        </span>
    </div>
</nav>

<section class="p-4 p-sm-5 col-sm-8 offset-sm-2 col-xxl-6 offset-xxl-3">
    <div class="row row-cols-1 row-cols-sm-2 p-5 border rounded bg-white">
        <div class="col-12 col-sm-4 text-center">
            <img src="../../img/png/avatars/female.png" height="124" class="pb-3" />
            <p class="fw-bold mb-1">Hembo Tiger</p>
            <p class="small">Administrator</p>
        </div>
        <div class="col-12 col-sm-8">
            <h6 class="fw-bold border-bottom pb-1">Information</h6>
            <div class="row row-cols-1 row-cols-sm-2 pt-3">
                <div class="row">
                    <h6 class="fw-bold">Email</h6>
                    <p>info@gmail.com</p>
                </div>
                <div class="row">
                    <h6 class="fw-bold">Phone</h6>
                    <p class="text-nowrap">+57 (319) 656 94-58</p>
                </div>
            </div>
            <h6 class="fw-bold border-bottom pb-1">Loans</h6>
            <p class="pt-3">17 April 2021 - 22 April 2021</p>
        </div>
    </div>
</section>

<section class="row row-cols-1 small fw-bolder"
         style="background-color: #000; color: #FFF; font-family: Roboto, sans-serif; font-size: 15px">
    <div class="col col-sm-6 offset-sm-3 p-4 px-sm-1 my-sm-5">
        <div class="px-xxl-5">
            <div class="px-xxl-5">
                <div class="row row-cols-2 row-cols-sm-3 px-4 py-xxl-4">
                    <img src="https://digital.cigna.com/static/digital-cigna-com/img/google-play-badge.svg"
                         class="img-fluid"/>
                    <img src="https://digital.cigna.com/static/digital-cigna-com/img/amazon-appstore-badge.svg"
                         class="img-fluid d-none d-sm-block"/>
                    <img src="https://digital.cigna.com/static/digital-cigna-com/img/apple-app-store-badge.svg"
                         class="img-fluid"/>
                </div>
            </div>
        </div>
    </div>

    <div class="col px-xxl-5">
        <div class="row row-cols-1 row-cols-sm-4 px-xxl-5">
            <div class="col px-5 mb-4">
                <p class="text-muted mb-5">Rental</p>
                <p>Plans</p>
                <p>Features</p>
                <p>Devices</p>
                <p>Help</p>
                <p>About us</p>
                <p>Careers</p>
            </div>
            <div class="col px-5 mb-4">
                <p class="text-muted mb-5">Explore</p>
                <p>All Channels</p>
                <p>Charts</p>
                <p>Most popular release</p>
                <p>New Releases</p>
                <p>Stay at home</p>
            </div>
            <div class="col px-5 mb-4">
                <p class="text-muted mb-5">Who are we?</p>
                <p>Owe & vehicles</p>
                <p>Developers</p>
                <p>Press</p>
            </div>
            <div class="col px-5 mb-4">
                <p class="text-muted mb-5">Legal</p>
                <p>Legal information</p>
                <p>Term and Conditions of Use</p>
                <p>Privacy Policy</p>
                <p>Cookies</p>
            </div>
        </div>
    </div>

    <div class="col col-sm-12 px-5 my-4 text-center">
        <div class="d-sm-none px-5 mx-5 mb-5">
            <img src="../../img/png/Icon.png" class="img-fluid"/>
        </div>
        <div class="row d-flex align-items-center">
            <div class="col-xxl-4 px-sm-5">
                <div class="row row-cols-4 g-5 px-5">
                    <svg class="text-white" fill="currentColor" height="20" width="20" viewBox="0 0 12 12"
                         aria-hidden="true">
                        <path d="M9.205 6.6L9.5 4.393H7.136V3.031c.083-.617.263-1.038 1.187-1.038L9.5 1.992V0H7.727C6.084 0 4.922.994 4.922 2.82v1.573H3v2.133l1.773.074V12h2.363V6.6h2.069z"></path>
                    </svg>
                    <svg class="text-white" fill="currentColor" height="20" width="20" viewBox="0 0 12 12"
                         aria-hidden="true">
                        <path d="M 6 1.0815 c 1.602 0 1.792 0.006 2.425 0.035 c 1.626 0.074 2.3855 0.8455 2.4595 2.4595 c 0.029 0.6325 0.0345 0.8225 0.0345 2.4245 c 0 1.6025 -0.006 1.792 -0.0345 2.4245 c -0.0745 1.6125 -0.832 2.3855 -2.4595 2.4595 c -0.633 0.029 -0.822 0.035 -2.425 0.035 c -1.602 0 -1.792 -0.006 -2.4245 -0.035 c -1.63 -0.0745 -2.3855 -0.8495 -2.4595 -2.46 c -0.029 -0.6325 -0.035 -0.822 -0.035 -2.4245 c 0 -1.602 0.0065 -1.7915 0.035 -2.4245 c 0.0745 -1.6135 0.832 -2.3855 2.4595 -2.4595 c 0.633 -0.0285 0.8225 -0.0345 2.4245 -0.0345 z m 0 -1.0815 c -1.6295 0 -1.8335 0.007 -2.4735 0.036 c -2.179 0.1 -3.39 1.309 -3.49 3.49 c -0.0295 0.6405 -0.0365 0.8445 -0.0365 2.474 c 0 1.6295 0.007 1.834 0.036 2.474 c 0.1 2.179 1.309 3.39 3.49 3.49 c 0.6405 0.029 0.8445 0.036 2.474 0.036 c 1.6295 0 1.834 -0.007 2.474 -0.036 c 2.177 -0.1 3.391 -1.309 3.4895 -3.49 c 0.0295 -0.64 0.0365 -0.8445 0.0365 -2.474 c 0 -1.6295 -0.007 -1.8335 -0.036 -2.4735 c -0.098 -2.177 -1.3085 -3.39 -3.4895 -3.49 c -0.6405 -0.0295 -0.845 -0.0365 -2.4745 -0.0365 z m 0 2.919 c -1.7015 0 -3.081 1.3795 -3.081 3.081 s 1.3795 3.0815 3.081 3.0815 s 3.081 -1.3795 3.081 -3.0815 c 0 -1.7015 -1.3795 -3.081 -3.081 -3.081 z m 0 5.081 c -1.1045 0 -2 -0.895 -2 -2 c 0 -1.1045 0.8955 -2 2 -2 s 2 0.8955 2 2 c 0 1.105 -0.8955 2 -2 2 z m 3.203 -5.9225 c -0.398 0 -0.7205 0.3225 -0.7205 0.72 s 0.3225 0.72 0.7205 0.72 c 0.3975 0 0.7195 -0.3225 0.7195 -0.72 s -0.322 -0.72 -0.7195 -0.72 z"></path>
                    </svg>
                    <svg class="text-white" fill="currentColor" height="20" width="20" viewBox="0 0 12 12"
                         aria-hidden="true">
                        <path d="M12 2.404a4.923 4.923 0 0 1-1.414.388 2.47 2.47 0 0 0 1.082-1.362 4.922 4.922 0 0 1-1.563.597A2.462 2.462 0 0 0 5.91 4.272 6.99 6.99 0 0 1 .836 1.702a2.46 2.46 0 0 0 .762 3.287 2.449 2.449 0 0 1-1.115-.309v.031c0 1.193.848 2.188 1.974 2.414a2.462 2.462 0 0 1-1.111.042 2.465 2.465 0 0 0 2.3 1.71A4.942 4.942 0 0 1 0 9.896a6.97 6.97 0 0 0 3.774 1.106c4.528 0 7.004-3.752 7.004-7.005 0-.107-.002-.213-.007-.318.481-.348.898-.781 1.229-1.275"></path>
                    </svg>
                    <svg class="text-white" fill="currentColor" height="20" width="20" viewBox="0 0 12 12"
                         aria-hidden="true">
                        <path d="M 9.8075 1.592 c -1.802 -0.123 -5.8155 -0.1225 -7.615 0 c -1.9485 0.133 -2.178 1.31 -2.1925 4.408 c 0.0145 3.0925 0.242 4.2745 2.1925 4.408 c 1.8 0.1225 5.813 0.123 7.615 0 c 1.9485 -0.133 2.178 -1.31 2.1925 -4.408 c -0.0145 -3.0925 -0.242 -4.2745 -2.1925 -4.408 z m -5.3075 6.408 v -4 l 4 1.9965 l -4 2.0035 z"></path>
                    </svg>
                </div>
            </div>
            <div class="d-none d-xxl-block col-xxl-4 p-5">
                <img src="../../img/png/Icon.png" height="48"/>
            </div>
            <div class="col-xxl-4 text-muted text-center py-5">
                <span>&copy; Joan</span>
                <select class="border-0" style="background-color: #000; color: #FFF" aria-label="English (us)">
                    <option selected>English (us)</option>
                    <option value="1">Español (co)</option>
                    <option value="2">Italiano</option>
                </select>
            </div>
        </div>
    </div>
</section>

<script src="../../js/bootstrap.bundle.min.js"></script>
</body>
</html>
